$(function () {
    $(document).ready(function () {
        $.ajax({
            url: "../../static/data/goods.json"
        })
            .done(function (data) {
                console.log(data);
                let str = ""
                data.list.forEach(function (item, index) {
                    str += `
                    <div>  
                    <a href="./details.html#id=${item.id}">
                        <div class="goods_img">
                             <img src="${item.picture}" alt="">
                        </div>
                        <p class="goods_title">
                                ${item.title}
                        </p>
                         <p class="goods_price">
                                ${item.price}
                        </p>
                        </a>
                    </div>
                    `
                })
                $('.goods_container').html(str)

            })
    })


})